<%@ page language="java" contentType="text/html; charset=utf-8"  isELIgnored="false"  pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<% 
	String path = request.getContextPath(); 
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>${serverInfo.name}资源监控</title>
<link type="text/css" href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="css/toastr.css" rel="stylesheet">
<!-- <link type="text/css" href="css/index.css" rel="stylesheet"> -->
<link href="css/vis.min.css" rel="stylesheet" type="text/css">
<!--通用颜色样式-->
<link href="css/color.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="echarts/echarts.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/toastr.min.js"></script>
<script type="text/javascript" src="js/vis.min.js"></script>
<style type="text/css">
	div{
		margin: 0;
		padding: 0;
		color:white;
	}
	h4 {
		position:relative ;
		top:-50px;
		z-index:9999;
		font-weight: bold;
	}
	.tcmNum{
		float:right;
		background-color: #EBD775;
		width:40px;
		height:70px;
		margin-right: 10px;
	}
	.docNum{
		color: #EBD775;
		float:left;
		width:20px;
		height:50px;
		margin-left: 5px;
	}
	.tcma {
		 font-size:55px;
	}
	.doca {
		 font-size:40px;
		 color: #EBD775;
	}
</style>
</head>
<body>
	<audio id="warnMusic">
  		<source src="mp3/warnning.mp3" type="audio/mpeg">
	</audio>
	<input type="hidden" value="${serverInfo.code}" id="serverCode">
	<input type="hidden" value="${serverInfo.ip }" id="serverIp">
	<div style="width: 1920px;height:1080px;background-color: #121F50;">
	<div style="width: 1920px;height:1080px; text-align: center;">
		<div style="background-image: url('image/lefttop.png');width: 185px;height: 180px;background-repeat: no-repeat; background-size: 100% 100%;float:left;position: absolute;top: 0px;"></div>
		<div style="background-image: url('image/righttop.png');width: 185px;height: 180px;background-repeat: no-repeat; background-size: 100% 100%;float:right;position: absolute;left: 1735px;top: 0px;"></div>
		<div style="width: 1920px;">
			<div style="background-image: url('image/headleft.png');width: 180px; height: 35px;background-repeat: no-repeat; background-size: 100% 100%;position: absolute;top: 36px;left: 604px"></div>
			<h2 style="position: absolute;top: 18px;left: 840px;" >${serverInfo.name }资源监控 </h2>
			<div style="background-image: url('image/headright.png');width: 180px; height: 35px;background-repeat: no-repeat; background-size: 100% 100%;position: absolute;top: 36px;left: 1116px"></div>
		</div>
		<div id="left" style="width:524px;text-align: center;height: 962px;float: left;position: absolute;left: 14px;top: 72px">
			<div id="left_1" style="border-style: solid; border-width: 32px 37px; border-image-slice: 32 37 fill; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background: none;border-image-source:url('image/kuang.png');height: 305px">
			</div>
			<div style="height: 20px"></div>
			<div id="left_2" style="border-style: solid; border-width: 32px 37px; border-image-slice: 32 37 fill; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background: none;border-image-source:url('image/kuang.png');height: 312px">
			</div>
			<div style="height: 20px"></div>
			<div id="left_3" style="border-style: solid; border-width: 32px 37px; border-image-slice: 32 37 fill; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background: none;border-image-source:url('image/kuang.png');height: 305px">
			</div>
		</div>
		<div id='center' style="width:862px;text-align: center;height: 962px;float: left;position: absolute;left: 534px;top: 72px">
			<div id="center_1" style="height: 194.4px">
				<div style="position:relative;left:0px;top:30px;">
				</div>
			</div>
			<div id="center_2" style="height: 583.2px">
			</div>
			<div style="height: 184.4px;width:862px;">
				<div class="container-fluid text-center" style="margin-top: -10%" >
					<div class="row">
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMEMR">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">电子病历</font>
								</a>
						</div>
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMAE">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">辨证论治</font>
								</a>
						</div>
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMK">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">知识库</font>
								</a>
						</div>
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMRC">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">远程会诊</font>
								</a>
						</div>
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMRT">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">远程教育</font>
								</a>
						</div>
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMHEAL">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">治未病</font>
								</a>
						
						</div>
					</div>
					<div class="row" style="margin-top: 3%">
								<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMCBS">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">业务监管</font>
								</a>
						</div>
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMPMS">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">资源配置</font>
								</a>
						</div>
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMESB">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">ESB</font>
								</a>
						</div>
						<div class="col-sm-2">
							<a class="abutton dbs" href="javascript:;">
								<img src="image/10.png" width="80" height="80" id="image10">
								<br>
								<br>
								<font size="4" style="font-weight: bold;" color="#EEE">数据库</font>
							</a>
						</div>
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=NGINX">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">负载均衡</font>
								</a>
						</div>
						<div class="col-sm-2">
								<a class="abutton" href="ServerInfo/getNewServerinfo?code=TCMEMR">
									<img src="image/01.png" width="80" height="80">
									<br>
									<br>
									<font size="4" style="font-weight: bold;" color="#EEE">互联互通</font>
								</a>
						</div>
						<jsp:include page="modular/suboptions.jsp"></jsp:include>
					</div>
				</div>
			</div>
		</div>
		<div id="right" style="width:513px;margin: 0px;text-align: center;height: 962px;float: left;position: absolute;left: 1396px;top: 72px">
		<!-- <div style="border-color: '#fff';border-width: '1px'"></div> -->
		</div>
		<div style="background-image: url('image/leftdown.png');width: 185px;height: 180px;background-repeat: no-repeat; background-size: 100% 100%;float:left;position: absolute;top:900px;"></div>
		<div style="background-image: url('image/rightdown.png');width: 185px;height: 180px;background-repeat: no-repeat; background-size: 100% 100%;float:right;position: absolute;top:900px;left:1735px"></div>
	</div>
</div>
</body>
	<script type="text/javascript">
		var cpuUsed = "${threshold.cpuUsed}";
		var cpuIowait = "${threshold.cpuIowait}";
		var memUsedTh = "${threshold.memUsed}";
		var memUsed = "${threshold.memUsed}";
		var swapUsed = "${threshold.swapUsed}";
		var diskUsed = "${threshold.diskUsed}";
		var portStatusth = "${threshold.portStatus}";
		var service = "${threshold.service}";
		var portStatus = "${threshold.portStatus}";
		var oracleTmpfsUsed = "${threshold.oracleTmpfsUsed}";
		var oracleCrs = "${threshold.oracleCrs}";		
		var oracleAsm = "${threshold.oracleAsm}";
		var oracleDiskGrop = "${threshold.oracleDiskGrop}";
		var oracleListen = "${threshold.oracleListen}";		
		var oracleNetVip = "${threshold.oracleNetVip}";
		var oracleInstance = "${threshold.oracleInstance}";
		var oracleListen = "${threshold.oracleListen}";		
		var oracleDataBase = "${threshold.oracleDataBase}";
		var oracletablespaceused = "${threshold.oracletablespaceused}";
		var serviceth = "${threshold.service}";
	</script>
	<script type="text/javascript" src="js/myjs/topotu.js"></script>
	<script type="text/javascript" src="js/myjs/oracle.js"></script>
	<script type="text/javascript" src="js/myjs/modular/suboptions.js"></script>
</html>